:host {
  display: inline-flex;
  flex-direction: row;
  align-items:center;
  transform-origin: center center;
  .ji-resource{
    display:none;
  }
  .ji-icon{
    width:1rem;
    height:1rem;
    font-size:1rem;
    fill: currentColor;
    overflow:hidden;
    svg{
      color:inherit;
      font-size: inherit;
    }
  }
}

:host([spin]){
  .ji-icon{
    animation: rotate 0.8s linear infinite;
  }
}
@keyframes rotate{
  to{
      transform: rotate(360deg); 
  }
}
